<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<style>
		/* * {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		body {
			height: 100vh;
			position: relative;
		}
		.wai {
			width: 1280px;
			margin: 0 auto;
		}
		.topLogo {
			font-size: 36px;
			font-weight: 800;
			text-align: left;
			color: #02102e;
		}
		.content {
			margin: 200px auto;
			text-align: center;
		}
		.title {
			font-size: 28px;
			font-weight: 700;
			text-align: center;
			color: #02102e;
			margin-bottom: 50px;
		}
		.cpunt {
			font-size: 28px;
			font-weight: 700;
			text-align: center;
			color: #02102e;
		}
		.bot {
			position: absolute;
			width: 100%;
			height: 240px;
			background-color: #02102e;
			bottom: 0;
			left: 0;
		}
		.bot {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.xp {
			font-size: 24px;
			font-weight: 800;
			text-align: CENTER;
			color: #ffffff;
			margin-bottom: 30px;
		}
		.xphao {
			font-size: 14px;
			text-align: CENTER;
			color: #ffffff;
		} */
	</style>
	<body style="height: 100vh; position: relative; padding: 0; margin: 0; box-sizing: border-box">
		<div class="wai" style="width: 1280px; margin: 0 auto; box-sizing: border-box">
			<div class="topLogo" style="font-size: 36px; font-weight: 800; text-align: left; color: #02102e; padding: 0; margin: 0; box-sizing: border-box">KnowClub @ Xpert</div>
			<div class="content" style="margin: 200px auto; text-align: center">
				<div class="title" style="font-size: 28px; font-weight: 700; text-align: center; color: #02102e; margin-bottom: 50px; padding: 0; margin: 0; box-sizing: border-box">
					Your registered email verification code is
				</div>
				<div class="cpunt" style="font-size: 28px; font-weight: 700; text-align: center; color: #02102e; padding: 0; margin: 0; box-sizing: border-box">754d01fee63c435097036bd098ec967d</div>
			</div>
			<div
				class="bot"
				style="
					position: absolute;
					width: 100%;
					height: 240px;
					background-color: #02102e;
					bottom: 0;
					left: 0;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					padding: 0;
					margin: 0;
					box-sizing: border-box;
				">
				<div class="xp" style="font-size: 24px; font-weight: 800; text-align: CENTER; color: #ffffff; margin-bottom: 30px; padding: 0; margin: 0; box-sizing: border-box">Xpert</div>
				<div style="height: 30px"></div>
				<div class="xphao" style="font-size: 14px; margin-top: 30px; text-align: CENTER; color: #ffffff; padding: 0; margin: 0; box-sizing: border-box">XpertBay Inc. 2024 All rights reserved</div>
			</div>
		</div>
	</body>
</html>
